
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
}
body{
    background-color: #fff;
}
/*���������ʾ��ͬ��ȥ����ɫ�߿�*/
fieldset, img, input, button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}
img{
    border: 0;
    vertical-align: middle;
}

ul, ol {
    list-style: none;
}
input {
    padding-top: 0;
    padding-bottom: 0;
}

/*ȥ�������滻Ԫ�ؿհ׷�϶*/
select, input {
    vertical-align: middle;
}

select, input, textarea {
    font-size: 12px;
    margin: 0;
}

/*��ֹ�϶� Ӱ�첼��*/
textarea {
    resize: none;
}

/*ȥ�������滻Ԫ�ؿհ׷�϶*/
img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

body {
    font-size: 14px;
    font-family: 'Micrsoft YaHei', 'Hiragino Sans GB';
    color: #666;
    background: #fff;
}

/*�������*/
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #C81623;
}

h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

s, i, em {
    font-style: normal;
    text-decoration: none;
}

/*����ɫ*/
.col-red {
    color: #C81623 !important;
}

/*������*/
.w {
    /*���� ��ȡ */
    width: 1210px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.al {
    text-align: left;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.hide {
    display: none;
}

/*������*/

header {
    height: 110px;
    background: url(//misc.360buyimg.com/user/reg/1.0.0/css/i/headbg.jpg) repeat-x left bottom;
}

header .logo{
    display: block;
    width: 160px;
    height: 50px;
    float: left;
    margin-top: 24px;
    background-color: #fff;
    background: url("../images/edulogo.png") no-repeat ;
    background-size: 100% 120%;
}
header .logo-title{
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 24px;
    color: #333;
    padding-left: 20px;
    margin-top: 34px;
}
header .have-account{
    font-size: 16px;
    float: right;
    margin-top: 55px;
    color: #999;
}

.main{
    margin: 50px auto 60px;
    width: 830px;
}
/*������֤��֮��ļ�࣬��ʾ������Ϣ*/
.input-tip{
    color: #c5c5c5;
    height: 27px;
    font-size: 12px;
    padding-top: 5px;
}
.input-tip span{
    margin-left: 25px;
}
/*����input��div ��*/
.form-item {
    position: relative;
    border: solid 1px #ddd;
    width: 398px;
    height: 52px;
}
/*div �����label��Ϣ*/
.form-item label{
    float: left;
    width: 90px;
    height: 52px;
    line-height: 52px;
    padding-left: 20px;
}
/*ÿһ��input��*/
.form-item .field{
    border: 0 none;
    font-size: 14px;
    width: 190px;
    height: 19px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-top: 16px;

}
/*�޸�input��placeholder��Ĭ����ʽ*/
.form-item input::-webkit-input-placeholder {
    line-height: 46px;
    margin-left: 20px;
    margin-top: 1px;
    font-size: 14px;
    /*font-family: quot;Microsoft YaHeiquot;,quot;Hiragino Sans GBquot;;*/
    color: rgb(204, 204, 204);
}

/*��֤ͨ����ĶԺ�*/
.form-item .i-status {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 20px;
    right: 20px;
    background: url(../images/icon.png) no-repeat ;
    background-position: 0 -117px;
}
 /*������Ϣǰ�ߵĸ�̾��*/
 .span-status{
    display: block;
    margin-right: 10px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat;
    background-position: 0 -100px;
}
 /*��֤���󣬸���̾�Ŷ�̬���������ʽ*/
.error-span-status{
    display: block;
    margin-right: 10px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat;
    background-position: -17px -100px;
}
/*����������ʽ*/
.weak{
    display: block;
    margin-right: 10px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat;
    background-position: -17px -134px;
}
/*�����е���ʽ*/
.pwd-middle{
    display: block;
    margin-right: 10px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat;
    background-position: -34px -117px;
}
/*����ǿ����ʽ*/
.strong{
    display: block;
    margin-right: 10px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat;
    background-position: -34px -134px;
}
/*手机号已注册显示的黄色感叹号*/
.phone-status{
	display: block;
    margin-right: 10px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) no-repeat;
    background-position: -68px -100px;
}



/*�ֻ����������Ĵ�div*/
.item-phone-wrap {
    height: 86px;
    position: relative;
    z-index: 2;
}
/*�ֻ��������0086���ڵ�label*/
.form-item-phone .select-country {
    width: 104px;
    padding: 0 0 0 20px;
    height: 52px;
    border: none;
    color: #666;
    border-right: solid 1px #ddd;
}
/*0086��ߵ����¼�ͷ*/
.form-item-phone .arrow{
    background: url(../images/icon.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 15px;
    margin-left: 5px;
    background-position: -2px -151px;
}
/*�ֻ�������е�������֤*/
.item-phone-wrap .orEmail {
    position: absolute;
    right: 0;
    bottom: 6px;
    font-size: 12px;
}
/*������֤��a��ǩ��������֤��4����*/
.item-phone-wrap .orEmail a {
    color: #38f;
}
/*��֤���  ��֤ͼƬ*/
.form-item .img-code{
    position: absolute;
    right: 3px;
    top: 3px;
    width: 110px;
    height: 46px;
    cursor: pointer;

}
/*��ȡ�ֻ���֤��İ�ť*/
.btn-phonecode{
    position: absolute;
    right: 3px;
    top: 3px;
    width: 110px;
    height: 46px;
    border: none;
    background: #f2f2f2;
    color: #333;
    padding: 0;

}
/*����ע�ᰴť*/
.btn-register{
    width: 100%;
    height: 54px;
    color: #fff;
    background: #e22;
    border: 0;
    font-size: 16px;
    font-family: "Microsoft YaHei","Hiragino Sans GB";

}
/* main �Ҳ���ʽ*/
.reg-other {
    float: left;
    margin-left: 104px;
    height: 605px;
    padding-left: 90px;
    border-left: solid 1px #e6e6e6;
}
.reg-other .company-reg {
    width: 160px;
    height: 60px;
    border-bottom: solid 1px #ddd;
    margin-left: 30px;
}
.reg-other .company-reg a {
    display: block;
    width: 160px;
    height: 30px;
}
.reg-other .company-reg a i {
    display: inline-block;
    width: 30px;
    height: 29px;
    vertical-align: middle;
    margin-right: 15px;
    background: url(../images/icon.png) no-repeat;
    background-position: 0 -50px;
}
.reg-other .inter-cust {
    width: 160px;
    margin-left: 30px;
    margin-top: 30px;
}
.reg-other .inter-cust a{
    display: block;
    width: 170px;
    height: 40px;
}
.reg-other .inter-cust a i{
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: text-bottom;
    margin-right: 15px;
    float: left;
    margin-top: 7px;
    background: url(../images/icon.png) no-repeat;
    background-position: -50px -50px;
}
/*footer*/
.footer{
    font-size: 12px;
    text-align: center;
    border-top: solid 1px #e6e6e6;
    color: #999;
    padding-bottom: 30px;
}
.footer .links{
    padding-top: 30px;
    padding-bottom: 15px;
}

.footer a{
    color: #999;
    margin: 0 10px;
}





















































































